<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Simple Code</title>
    <link type="image/x-icon" href="imgs/favicon.ico" rel="icon">
    <meta name="进一步有进一步的欢喜">
    <link href="css/index.css" rel="stylesheet">
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
<div class="outer">
    <div class="head-box">
        <div class="head-content">

            <div class="action-menu">
                <a href="#" class="tb active">All</a>
                <a href="#" class="tb">Article</a>
                <a href="#" class="tb">Picture</a>
            </div>
            <div class="user-search">
                 <div class="user-opr-box hide" id="userOprBox">
                    <a href="/profile">Setting</a>
                    <a class="logout" href="javascript:">Sign out</a>
                </div>

                <div class="sign">
                    <a class="register" type="text" onclick="sign_up()">Sign up</a>
                    <a class="login" type="text" onclick="sign_in()">Sign in</a>
                </div>

                <div class="logged hide">
                    <a class='notice' href="#" style="float:left;position:relative;">Notifications</a>
                    <a class='user-info' href="#" style="float:left;position:relative;">x</a>
                </div>


                <div class="key-search" style="float: right">
                    <form action="index.html" method="post">
                        <input class="search" type="text" name="words" autocomplete="on">
                        <a href="#" class="i">
                            <span class="icon"></span>
                        </a>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="content-body">
        <div class="content">
            <div class="content-L">
                <div class="art-head">
                    <div class="art-head-l">
                        <a class="hotbtn active icons" href="#">Hot</a>
                        <a class="newbtn" href="#">New</a>
                    </div>


                    <a href="#" class="publish-btn">
                        <span class="icn n1"></span>
                        <span class="n2">Publish</span>
                    </a>
                </div>

                <div class="content-list">
                    <div class="item">
                        <div class="part1">
                            <a href="javascript:void (0);" class="show-content">Data type of Redis</a>
                            <span class="source">-mp.weixin.qq.com</span>

                            <span class="source-dic">From
                        <a href="javascript:void (0);">iPhone</a>
                    </span>
                        </div>
                        <div class="part2">
                            <a class="digg-a" href="javascript:void (0);">
                                <span class="hand-icon icon-digg"></span>
                                <b>6</b>
                            </a>
                            <a href="javascript:void (0);">
                                <span class="hand-icon icon-discus"></span>
                                <b>4</b>
                            </a>
                            <a href="javascript:void (0);">
                                <span class="hand-icon icon-collect"></span>
                                <b>Star</b>
                            </a>
                            <span class="share-site-to"></span>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content-R">

            </div>

            <div class="content-B">
                <div class="foot-nav">
                    <div style="display:none" id="y-destjid"></div>
                    <div style="display:none" id="y-destnick"></div>
                    <a href="javascript:void (0);" target="_blank">About</a>
                    <span>|</span>
                    <a href="javascript:void (0);" target="_blank">Contact</a>
                    <span>|</span>
                    <a href="javascript:void (0);" target="_blank">Feedback</a>
                </div>
                <div class="foot-nav2">
                    <a target="_blank" href="javascript:void (0);"><img class="foot_e" src="#"></a>
                    <span class="foot_d">Links</span>
                    <a target="_blank" href="http://www.simple-code.cn" class="foot_b">AutoML</a>
                    <div style="margin-top:6px;">
                        <span class="foot_a" style="margin-left: 15px;">Email：xfeng_insect@foxmail.com</span>
                        <a target="_blank" href="http://www.beian.miit.gov.cn" class="foot_b">粤ICP备19050377号</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="grey hide" id="sign_in">
        <div class="login-window hide" id="login_window">
            <div class="login-box">
                <div class="login-box-head">
                    <span style="padding-left: 5px">Sign in</span>
                    <span style="float: right;cursor: pointer;padding: 0 10px" onclick="close_login();">×</span>
                </div>
                <div class="login-box-body">
                    <div class="box-tab">
                        <span>username</span>&emsp; | &emsp;<span>email&emsp;&emsp;</span>
                    </div>
                    <div class="box-login-moblie">
                        <form id="login_all_data">
                            <div style="display: block">
                                <div class="err-msg user-err">username</div>

                                <input type="text" name="username" id="mobile" placeholder="username or email" class="mobile" tabindex="1">
                            </div>
                            <div style="display: block">
                                <div class="err-msg">password</div>
                                <input type="password" name="pwd" id="mbpwd" placeholder="password" class="mbpwd" tabindex="2">
                            </div>
                            <div style="display: block;margin-bottom: 0;">
                                <div class="err-msg">verify code</div>
                                <input name="code" type="text" style="width:60px;margin-right:6px;top: -12px;" class="rgmobile"/>
                                <div class="btn btn-getcode" style="display: inline-block;">
                                    <img class="check-img" src="" alt="verify code" onclick="ChangeCode(this);">
                                </div>
                            </div>

                        </form>
                    </div>
                    <div class="box-login-btn">
                        <div class="btn btn-login pub-icons pub-btn pub-btn-valid" onclick="SubmitLogin()" style="height: 25px;line-height: 25px;width: 70px;background: #369;border-radius: 5px 5px 5px 5px">
                            <span style="color: white">sign in</span>
                            <span style="display:none;"><img src="#">signing</span>
                            <span class="fgtpwd">
                                <a href="javascript: void (0)" style="color: #369;">
                                    <U>forgotten password?</U>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <div class="grey hide" id="sign_up">
        <div class="login-window hide" id="register_window">
        <div class="register-box">
            <div class="register-box-head">
                <span style="padding-left: 5px">Sign up</span>
                <span style="float: right;cursor: pointer;padding: 0 10px" onclick="close_register();">×</span>
            </div>
            <div class="register-box-body">
                <div class="box-tab">
                    <span>Complete your information</span>
                </div>
                <div class="box-register-mobile">
                    <form id="all_data">
                        <div class="err-msg username"></div>
                        <div>
                            <input name="username" type="text" placeholder="username" class="rgmobile"/>
                        </div>
                        <div class="pr">
                            <div class="err-msg email"></div>
                            <div class="pr">
                                <input name="email" type="text" placeholder="email" class="rgcode" id="email"/>
                            </div>
                        </div>
                        <div class="pr">
                            <div class="err-msg email_code"></div>
                            <input name="email_code" type="text" style="width:60px;margin-right:6px;" class="rgmobile"/>
                            <div class="err-sum" style="right: 0"></div>
                            <div class="btn btn-getcode" onclick="BandGetCode(this);" style="margin-bottom: 15px;">send verify code
                            </div>
                            <div>
                                <div class="err-msg password"></div>
                                <input name="password" type="password" placeholder="password" class="rgpwd"/>
                            </div>
                        </div>
                        <div>
                            <div class="btn btn-register pub-icons pub-btn pub-btn-valid" onclick="BandRegister()"
                                 style="height: 25px;line-height: 25px;width: 70px;background: #369;border-radius: 5px 5px 5px 5px">
                                <span style="color: white">Sign up</span>
                                <span style="display:none;"><img src="#">Registering</span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            </div>
            </div>
    </div>
</div>
</body>


</html>